<template>
    <div>
        <div class="threeJSBox">
            <div id="container"></div>
        </div>
    </div>
</template>

<script>
    import {animate, threeExcute, FnDestroy} from "../service/three";

    export default {
        name: 'ThreeTest',
        data() {
            return {}
        },
        methods: {},
        mounted() {
            threeExcute()
            animate()
        },
        beforeDestroy() {
            FnDestroy()
        }
    }
</script>
<style scoped>

    .threeJSBox, #container {
        width: 1300px;
        height: 700px;
        border: 1px solid #f00;
    }
</style>